<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">


            <h:form id="formBuscarFP">
                <p:fieldset legend="FACTURA PROFORMA" toggleable="true" >
                    <p:panelGrid  style="margin: 10px 0;"> 
                        <p:row>
                            <p:column>
                                <h:outputText value="CÓDIGO DE FACTURA PROFORMA(*)" />
                            </p:column>
                            <p:column>
                                <h:outputLabel value="#{BKOrdenPedido.ordenPedidoFormulario.idFacturaProforma.codigoProforma}" 
                                               id="txtCodigoFP"/>
                            </p:column>
                        </p:row>
                    </p:panelGrid>
                </p:fieldset>

            </h:form>


            <h:form id="formOrdenPedido">
                <p:panel id="pnlBusquedaBancos" header="Realizar Orden de Producción de Telas" style="width:100%;" >

                    <p:panelGrid  style="width:800px;margin: 0 auto" id="verOP">  
                        <p:row>
                            <p:column colspan="4" >
                                <cote:componenteCabecera documento="ORDEN DE PRODUCCIÓN Nº" 
                                                         codigo="#{BKOrdenPedido.ordenPedidoFormulario.codigoOrdenPedido}"/>
                            </p:column>
                        </p:row>
                        
                        <p:row>

                            <p:column style="width: 180px" >
                                <h:outputLabel value="ESTADO DE ORDEN DE PRODUCCIÓN: " class="negrita print"  />  
                            </p:column>
                            <p:column>
                                <h:outputText value="#{BKOrdenPedido.ordenPedidoFormulario.estadoPedido eq 'P'?'ENTREGADO':'EN PRODUCCION'}" 
                                              class="print" />                      
                            </p:column>
                            <p:column style="width: 120px" >
                                <h:outputLabel value="FECHA DE ENTREGA: " class="negrita print" />  
                            </p:column>
                            <p:column>
                                <h:outputText value="#{BKOrdenPedido.ordenPedidoFormulario.fechaDespachoEstimada}" class="print">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>

                                <h:outputLabel value="FECHA INICIO PEDIDO: " class="negrita print"  />  
                            </p:column>
                            <p:column>
                                <h:outputText value="#{BKOrdenPedido.ordenPedidoFormulario.fechaInicioPedido}" class="print">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>
                            </p:column>
                            <p:column>
                                <h:outputLabel value="CLIENTE MARCA: " class="negrita print"/>
                            </p:column>
                            <p:column>
                                <h:outputText value="#{BKOrdenPedido.ordenPedidoFormulario.clienteMarca.razonSocial}"  class="print" />   
                            </p:column>

                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputLabel value="TIPO MONEDA(*): " class="negrita print" />
                            </p:column>
                            <p:column>
                                <h:outputLabel id="txtMoneda" value="#{BKOrdenPedido.ordenPedidoFormulario.tipoMoneda}" class="print"/>
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column colspan="4">
                                <p:fieldset legend="INFORMACIÓN DEL CLIENTE" style="border: 1px solid rgb(0,0,0) !important;" styleClass="print">
                                    <p:panelGrid  style="width:100%">
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel value="CLIENTE: " class="negrita print" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{BKOrdenPedido.ordenPedidoFormulario.idCliente.razonSocial}" class="print"/>  
                                            </p:column>
                                            <p:column style="width: 125px">
                                                <h:outputLabel value="NRO DE DOCUMENTO: " class="negrita print" /> 
                                            </p:column>
                                            <p:column style="width: 160px">
                                                <h:outputLabel id="idNroDocumentoCliente" value="#{BKOrdenPedido.ordenPedidoFormulario.idCliente.numeroDocumento}" class="print" />                          
                                            </p:column>
                                        </p:row>
                                        <p:row>

                                            <p:column style="width: 150px">
                                                <h:outputLabel value="DIRECCIÓN FISCAL" class="negrita print"/>  
                                            </p:column>
                                            <p:column colspan="3" >
                                                <h:outputLabel id="idDireccionCliente" value="#{BKOrdenPedido.ordenPedidoFormulario.idCliente.direccionLegal}"  class="print"/>
                                                <h:outputLabel id="idDireccionClientePais" value="#{BKOrdenPedido.ordenPedidoFormulario.idCliente.descUbicacion}" class="print"/>
                                            </p:column>
                                        </p:row>


                                    </p:panelGrid>


                                </p:fieldset>
                            </p:column>
                        </p:row>



                        <p:row>
                            <p:column colspan="4">             
                                    <div class="datalist-noborder">
                                        <p:dataList value="#{BKDetallePedido.numTablas}" rowIndexVar="count" 
                                                    var="det" type="definition" style="border: none !important;">  

                                            <p:dataTable id="dataTablaDetallePedido" value="#{MBOrdenPedido.buscarListaMostrar(count)}"  var="detallePedidoOp"
                                                         emptyMessage="No hay productos añadidos" rowIndexVar="rowIndex" styleClass="dataTabble-op"
                                                         rowStyleClass="rowStyleOrdenP"> 

                                                <p:column id="idColumnaNumArt" style="width: 5%" headerText="Num." styleClass="print">
                                                    <h:outputText value="#{MBOrdenPedido.sumarUno()}" class="print" />
                                                    <f:facet name="footer" >  
                                                        <h:outputText value="TOTAL" rendered="#{MBOrdenPedido.isRendered(count)}">
                                                        </h:outputText>     

                                                    </f:facet> 
                                                </p:column>

                                                <p:column id="idProductoOP" styleClass="print"
                                                          headerText="Producto"  
                                                          filterMatchMode="contains">
                                                    <h:outputText value="#{detallePedidoOp.nombreProducto}" class="print" /> 
                                                </p:column>


                                                <p:column id="idColorOP" styleClass="print" style="width:  110px;" 
                                                          headerText="Detalle"  
                                                          filterMatchMode="contains"> 
                                                    <h:outputText value="#{detallePedidoOp.detalle}"  class="print"/> 
                                                </p:column>

                                                <p:column id="idCantidadOP" styleClass="print" style="width:  70px;" 
                                                          headerText="Cantidad"  
                                                          filterMatchMode="contains">
                                                    <h:outputText value="#{detallePedidoOp.cantidad}" class="print" style="float: right">
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <f:facet name="footer" >  
                                                        <h:outputText  value="#{BKOrdenPedido.ordenPedidoFormulario.cantidadTotalProductos}" rendered="#{MBOrdenPedido.isRendered(count)}"
                                                                       style="float: right">
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>     

                                                    </f:facet> 
                                                </p:column>

                                                <p:column id="idPrecioUnitarioOP"  styleClass="print" style="width:  75px;"                                                                          
                                                          headerText="Prec. Un.">  
                                                    <h:outputText value="#{detallePedidoOp.precioUnitario} 
                                                                  #{BKOrdenPedido.ordenPedidoFormulario.idFacturaProforma.idTipoMoneda.simbolo}/#{detallePedidoOp.unidadMedida}" class="print"
                                                                  style="float: right">
                                                    </h:outputText> 
                                                </p:column> 

                                                <p:column id="idPrecioTotalOP" style="width:  80px;"                                                                                               	
                                                          headerText="Prec. Total" styleClass="print" > 
                                                    <h:outputText value="#{detallePedidoOp.precioTotal}" class="print" style="float: right">
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>    
                                                    <f:facet name="footer" >  
                                                        <h:outputText  value="#{BKOrdenPedido.ordenPedidoFormulario.montoTotal}" rendered="#{MBOrdenPedido.isRendered(count)}"
                                                                       style="float: right">
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>     

                                                    </f:facet> 
                                                </p:column>                 


                                            </p:dataTable>
                                            <br />
                                            <br />
                                            <br />

                                        </p:dataList>  
                                            <p:panelGrid style="width: 115px;float: right;margin: -50px 0;">
                                                <p:row>
                                                    <p:column>
                                                        <h:outputText value="IGV: " class="negrita print"/>  
                                                    </p:column>
                                                    <p:column style="width: 80px">
                                                        <h:outputText value="#{BKOrdenPedido.ordenPedidoFormulario.montoTotal*BKOrdenPedido.igv}" class="print" style="float: right">
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>     
                                                    </p:column>
                                                </p:row>
                                                <p:row>
                                                    <p:column >
                                                        <h:outputText value="TOTAL: " class="negrita print"/>  
                                                    </p:column>
                                                    <p:column>
                                                        <h:outputText value="#{BKOrdenPedido.ordenPedidoFormulario.montoTotal+BKOrdenPedido.ordenPedidoFormulario.montoTotal*BKOrdenPedido.igv}" class="print"
                                                                      style="float: right">
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>      
                                                    </p:column>
                                                </p:row>
                                            </p:panelGrid>
                                        
                                    </div>
                                    <br/>
                                    <h:panelGrid id="idResumen" columns="6" style="width: 800px;margin: 0px auto; text-align: left" rendered="false">   
                                        <h:outputText  value="CANTIDAD TOTAL DE PRODUCTOS: " style="font-weight: bold" />
                                        <h:outputText id="lblCantitadTP" value="#{BKOrdenPedido.ordenPedidoFormulario.cantidadTotalProductos}" >
                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                        </h:outputText>     
                                        <h:outputText  value="PESO TOTAL (KGS): " style="font-weight: bold" rendered="false" />
                                        <h:outputText id="lblPesoTotal" value="#{BKOrdenPedido.ordenPedidoFormulario.pesoTotal}" rendered="false">
                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                        </h:outputText>   
                                        <h:outputText  value="PRECIO TOTAL : " style="font-weight: bold" />
                                        <h:outputText id="lblPrecioTotal" value="#{BKOrdenPedido.ordenPedidoFormulario.montoTotal}" >
                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                        </h:outputText>   
                                    </h:panelGrid>                         

                            </p:column>
                        </p:row>
                    </p:panelGrid> 
                    <p:panelGrid style="width:40%;margin: 10px auto;">

                        <p:row >
                            <p:column>
                                <p:commandButton action="#{MBOrdenPedido.cancelar()}" id="btnGuardar"  ajax="false" immediate="true" value="Volver"/>
                            </p:column>
                            <p:column>
                                <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                                    <p:printer target="verOP" />    
                                </p:commandButton >
                            </p:column>
                        </p:row>

                    </p:panelGrid>






                </p:panel>
            </h:form>


        </ui:define>
    </ui:composition>
</html>   
